window.onload = function(){
	// 获取标签
	var name_input = document.querySelectorAll("input")[0]
	var age_input = document.querySelectorAll("input")[1]
	var button1 = document.querySelectorAll("button")[0]
	var button2 = document.querySelectorAll("button")[1]
	var lists = document.querySelector(".lists")
	var arr = []
	// 点击按钮，开始处理程序
	button1.onclick = function(){
		// 获取输入数据
		var name = name_input.value;
		var age = age_input.value;
		// 去掉值中的空格
		name = name.trim()
		age = age.trim()
		// 稍作判断
		if(name==""){
			alert("昵称不能为空")
		}else if(age==""){
			alert("年龄不能为空")
		}else{
			// 判断昵称是否重复
			for(var i in arr){
				if(arr[i].name == name){
					alert("昵称不能重复")
					return;
				}
			}
			// 将昵称和年龄数据 组合成一个对象数据
			var obj = {}
			obj.name = name
			obj.age = age
			// 将一个对象数据 添加到数组中
			arr.push(obj)
			alert(`添加成功，姓名：${name} 年龄${age}  共${arr.length}条数据`)
			console.log(arr)
		}
	}
	// 点击按钮，显示用户信息
	button2.onclick = function(){
		// [{name:1,age:1},{},{}]
		for(var i in arr){
			lists.innerHTML += `
			<div class="list">
				<span>${arr[i].name}</span>
				<span>${arr[i].age}</span>
			</div>
			`
		}
	}
}